﻿<script>
    $(function() {
        $("#accordion")
          .accordion({
              header: "> div > h3",
              collapsible: true,
              active : false,
              activate: function (e, ui) {
                  $url = $(ui.newHeader[0]).children('a').attr('href');
                  $.get($url, function (data) {
                      $(ui.newHeader[0]).next().html(data);
                  });
              },
              heightStyle: "content"
          })
          .sortable({
              axis: "y",
              handle: "h3",
              stop: function( event, ui ) {
                  ui.item.children( "h3" ).triggerHandler( "focusout" );
              }
          });
    });
  </script>

<div id="accordion">
  <div>
    <h3><a href="/Reporte/DatosPersona/ReporteTabDatosPersona?nIdePersona=@ViewBag.n_IdePersona" style="width:100px;">Datos Personales</a></h3>   
    <div><img src="@Url.Content("~/images/ajax.gif")"/></div>
  </div>
  <div>
    <h3><a href="/Reporte/DatosPersona/ReporteGeneralesPersona?nIdePersona=@ViewBag.n_IdePersona&sw=5">Dirección</a></h3>   
    <div><img src="@Url.Content("~/images/ajax.gif")"/></div>
  </div>
  <div>
    <h3><a href="/Reporte/DatosPersona/ReporteTabDatosPersonaAcademica?nIdePersona=@ViewBag.n_IdePersona">Información Académica</a></h3>   
    <div><img src="@Url.Content("~/images/ajax.gif")"/></div>
  </div>
  <div>
    <h3><a href="/Reporte/DatosPersona/ReporteTabDatosPersonaSocioEcono?nIdePersona=@ViewBag.n_IdePersona">SocioEconómica y Social</a></h3>   
    <div><img src="@Url.Content("~/images/ajax.gif")"/></div>
  </div>
  <div>
    <h3><a href="/Reporte/DatosPersona/ReporteDatosPersonaLaboral?nIdePersona=@ViewBag.n_IdePersona">Información Laboral</a></h3>   
    <div><img src="@Url.Content("~/images/ajax.gif")"/></div>
  </div>
    <div>
    <h3><a href="/Reporte/DatosPersona/ReporteDatosPersonaBeneficios?nIdePersona=@ViewBag.n_IdePersona">Información de Beneficios</a></h3>   
    <div><img src="@Url.Content("~/images/ajax.gif")"/></div>
  </div>
    <div>
    <h3><a href="/Reporte/DatosPersona/ReporteDatosPersonaPatrimonio?nIdePersona=@ViewBag.n_IdePersona">Información del Patrimonio</a></h3>   
    <div><img src="@Url.Content("~/images/ajax.gif")"/></div>
  </div>
</div>